<template>
    <div class="flowSheetBox">
        <img src="@/assets/img/flowsheet.png" alt="">
        <div class="leftButton" @click="fnToUrl"></div>
        <div class="rightButton" @click="fnToUrl"></div>
    </div>
</template>

<script>
import bus from '../../common/bus';
export default {
    name: 'flowsheet',
    data () {
        return {

        };
    },
    methods: {
        fnToUrl(){
            let menu = {
                name:'待办事项'
            };
            let routeData = this.$router.resolve({
                path: '/MoreTodo',
            });
            let url = window.location.href.split('#')[0]+routeData.href;
            menu.url = url;
            bus.$emit('openMenu',menu);
        }
    },
};
</script>

<style lang="scss" scoped>
.flowSheetBox{
    position: relative;
    img{
        width: 100%;
    }
    .leftButton{
        position: absolute;
        z-index: 2;
        width: 90px;
        height: 80px;
        // border: 1px solid red;
        left: 50%;
        top: 42%;
        cursor: pointer;
    }
    .rightButton{
        position: absolute;
        z-index: 2;
        width: 90px;
        height: 80px;
        // border: 1px solid red;
        right: 17%;
        top: 26%;
        cursor: pointer;
    }
}
</style>
